<template>
	<view>
		<u-navbar :safeAreaInsetTop="true" :fixed="true" :bgColor='bgColors'>
			<view class="u-nav-slot" slot="left">
				<u-icon name="arrow-left" size="19" @click='nextNav("back")'></u-icon>
				<u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
				<u-icon name="home" size="20" @click='nextNav("/pages/tabbar/index")'></u-icon>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		name: "home",
		data() {
			return {

			};
		},
		props: {
			type: {
				type: Boolean,
				default: false
			},
			bgColors:{
				type: String,
				default: 'transparent'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.u-nav-slot {
			@include flex;
			align-items: center;
			justify-content: space-between;
			border-width: 0.5px;
			border-radius: 100px;
			border-color: $u-border-color;
			padding: 3px 7px;
			opacity: 0.8;
			background-color: #fff;
		}
</style>
